<template>
    <div class="aside">
         <el-menu
            default-active="1"
            class="el-menu-vertical-demo"
            background-color="#D3DCE6"
            router
            >
            <el-menu-item index="/news">
                <i class="el-icon-news"></i>
                <span slot="title">新闻</span>
            </el-menu-item>
            <el-menu-item index="/articles">
                <i class="el-icon-tickets"></i>
                <span slot="title">
                    文章
                </span>
            </el-menu-item>
            <el-menu-item index="/pictures">
                <i class="el-icon-picture"></i>
                <span slot="title">
                    图片
                </span>
            </el-menu-item>
            <el-menu-item index="/movies">
                <i class="el-icon-view"></i>
                <span slot="title">
                    电影
                </span>
            </el-menu-item>
            <el-menu-item index="/statistics">
                <i class="el-icon-setting"></i>
                <span slot="title">
                    统计
                </span>
            </el-menu-item>
            <el-menu-item index="/users">
                <i class="el-icon-tickets"></i>
                <span slot="title">
                    用户
                </span>
            </el-menu-item>
            </el-menu> 
    </div>
</template>

<script>
    export default {
        name:'Aside',
        data() {
            return {
                
            }
        },
    }
</script>

<style lang='scss'>
 
 .menu_link{
     color: #303133;
     text-decoration: none;
 }
</style>